﻿<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>jqMobi Kitchen Sink</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=no" />-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link rel="stylesheet"  type="text/css" href="../kitchensink/android.css" title="synergy"/>
<link rel="stylesheet"  type="text/css" href="../kitchensink/iphone.css" title="synergy"/>

<script type="text/javascript" charset="utf-8" src="../jq.mobi.js"></script>
<!-- include touch.js on desktop browsers only -->
<script>
function loadedPanel(what){
    //We are going to set the badge as the number of li elements inside the target
	
	}
	function unloadedPanel(what){
	console.log("unloaded "+what.id);
	}
if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
var script=document.createElement("script");
script.src="../touch.js";
var tag=$("head").append(script);
$.os.android=true; //let's make it run like an android device
$.os.desktop=true;
}
var oldElem="default";
function setActiveStyleSheet(title) {
   var a = document.getElementsByTagName("link");
   var currElem;
   
   if(title==oldElem.getAttribute("title")||oldElem=="default")
      return;
   for(i=0; i<a.length; i++) {
   
       if(a[i].getAttribute("title")==title){
         currElem=a[i];
       }
       else if(!a[i].getAttribute("disabled")&&a[i].getAttribute("title"))
          oldElem=a[i];
   }
   
   currElem.removeAttribute("disabled");
   jq.ui.showMask();
   window.setTimeout(function(){
      jq.ui.hideMask();
      oldElem.setAttribute("disabled","true");
   },500);
}
$(document).ready(function(){
oldElem=document.getElementsByTagName("link")[0];
});

</script>

<script type="text/javascript" charset="utf-8" src="../ui/jq.ui.js"></script> 

<!--<script type="text/javascript">
    /* This function runs once the page is loaded, but appMobi is not yet active */
	var webRoot="../kitchensink/";
	$.ui.autoLaunch=false;
    $.ui.openLinksNewTab=false;
    var init = function(){
	   $.ui.backButtonText="Back";  
	   window.setTimeout(function(){$.ui.launch();},1000);
       //$.ui.removeFooterMenu(); This would remove the bottom nav menu
    };
    document.addEventListener("DOMContentLoaded",init,false);  
	$.ui.ready(function(){
		console.log('ready');
		function showHide(){
			var rows = $(this).parent('td').parent('tr').parent('tbody').find('tr');
			var isExpanded =($(this).attr('class') == 'expanded')
			console.log('rows len:'+ rows.length);
			rows.each(function(index,value){
				if(index!=0){
					if(isExpanded){
						$(this).hide();
					}else{
						$(this).show();
					}
				}
				
			});
			if(isExpanded){
				$(this).attr('class','collapsed');
			}else{
				$(this).attr('class','expanded');
			}
		}
		$('h4').bind('click',showHide);
		
		$('h4').each(function(index,value){
			if(index == 0){
				return;
			}
			var rows = $(this).parent('td').parent('tr').parent('tbody').find('tr');
			rows.each(function(index2,value){
				if(index2!=0){
					$(this).hide();
				}
			});
		});
	});
   
    /* This code prevents users from dragging the page */
    var preventDefaultScroll = function(event) {
        event.preventDefault();
        window.scroll(0,0);
        return false;
    };
	
	document.addEventListener('touchmove', preventDefaultScroll, false);

    /* This code is used to run as soon as appMobi activates */
    var onDeviceReady=function(){
		AppMobi.device.setRotateOrientation("portrait");
        AppMobi.device.setAutoRotate(false);
		webRoot=AppMobi.webRoot+"kitchensink/";
	    //hide splash screen
	    AppMobi.device.hideSplashScreen();	
		
    };
    document.addEventListener("appMobi.device.ready",onDeviceReady,false);   
	
	
	

</script>-->

</head>
<body> 
	<header class="headerbar" >
            <a href="javascript:$.ui.goBack();"><div class=" icon_back"></div></a>
            <div class="item flex"><h1></h1></div>
            <a href="#"><div class=" icon_set"></div></a>
    </header>
<div>
        <h2>待办事宜</h2>
      <table class="table_exc">
        <thead>
            <tr>
                <td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>流程编号</td>
                <td>流程名称</td>
                <td>流程类型</td>
                <td>创建者</td>
                <td>创建时间</td>
            </tr>
        </thead>
        <tbody>
            <tr><td colspan="100%"><h4 class="expanded">销售机会</h4></td></tr>
             <tr id='cail'>
                <td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>0228</td>
                <td>差旅费用</td>
                <td>差旅费用</td>
                <td>葛婉莹</td>
                <td>20120421</td>
            </tr>
             <tr>
                <td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>0228</td>
                <td>差旅费用</td>
                <td>差旅费用</td>
                <td>葛婉莹</td>
                <td>20120421</td>
            </tr>
             <tr>
                <td><input name="" type="checkbox" value=""  class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>0228</td>
                <td>差旅费用</td>
                <td>差旅费用</td>
                <td>葛婉莹</td>
                <td>20120421</td>
            </tr>
        </tbody>
        <tbody>
            <tr><td colspan="100%"><h4 class="collapsed">信息中心IT支持服务（2）</h4></td></tr>
            <tr>
                <td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>0228</td>
                <td>信息中心IT支持服务</td>
                <td>IT支持服务</td>
                <td>葛婉莹</td>
                <td>20120421</td>
            </tr>
        </tbody>
      </table>	
	</div>
    
   <!--<div>
   <h2>待办事宜</h2>
   <table class="table_exc">
   <colgroup class="wid10"></colgroup>
   <colgroup class="wid20"></colgroup>
   <colgroup class="wid20"></colgroup>
   <colgroup class="wid20"></colgroup>
   <colgroup class="wid10"></colgroup>
   <colgroup class="wid20"></colgroup>
        <thead>
            <tr>
                <td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
                <td>流程编号</td>
                <td>流程名称</td>
                <td>流程类型</td>
                <td>创建者</td>
                <td>创建时间</td>
            </tr>
        </thead>
   		<tbody>
		    <tr>
			    <td colspan="6">
					<table class="table_normal">
                    <colgroup class="wid10"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid10"></colgroup>
                   <colgroup class="wid20"></colgroup>
					    <caption><h4 class="expanded">销售机会</h4></caption>
						<tbody>
				            <tr>
								<td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
								<td>0228</td>
								<td>差旅费用</td>
								<td>差旅费用</td>
								<td>葛婉莹</td>
								<td>20120421</td>
							</tr>
						</tbody>
					</table>
				    <table class="table_normal">
                    <colgroup class="wid10"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid20"></colgroup>
                   <colgroup class="wid10"></colgroup>
                   <colgroup class="wid20"></colgroup>
					    <caption><h4 class="expanded">信息中心IT支持服务（2）</h4></caption>
						<tbody>
                       
						    <tr>
								<td><input name="" type="checkbox" value="" class="jq-ui-forms"/><label for="" class=""></label></td>
								<td>0228</td>
								<td>信息中心IT支持服务</td>
								<td>IT支持服务</td>
								<td>葛婉莹</td>
								<td>20120421</td>
							</tr>
						</tbody>
					</table>							
				</td>
			</tr>
		</tbody>
       </table>
   </div>-->
</body>
